<template>
    <div class="back dd-row dd-v-center">
        <!-- <h1>我是子组件</h1>
        <h2>{{message}}</h2> -->
        <div class="left-item"><img class="backImg" src="@/assets/img/back.png" @click="back(1)" alt="返回"></div>
        <div class="center-item"></div>
        <div class="right-item"></div>
    </div>
</template>
<script>
export default {
  name: "Back",
  props: ["message"],
  methods: {
      back(_num){
          console.log(123)
          // window.history.back(_num);
          this.$router.go(-1)
      }
  }
};
</script>

<style scoped>
 /* 返回按钮的样式 */

.back {
  background: rgba(255, 255, 255, 0.8);
  padding: 10pt 5pt;
  height: 30pt;
  background-color: #a8a8a8;
}
.back > div {
}
.back > div:first-child {
  width: 20pt;
  height: 20pt;
}

.back .backImg {
  width: 20pt;
  height: 20pt;
}
</style>

